<!--
 * @Descripttion : 
 * @Autor        : Lilong
 * @Date         : 2022-09-14 10:59:33
 * @LastEditTime : 2022-09-14 12:30:24
 * @FilePath     : \src\App.vue
-->
<template>
  <div id="app">
    <h1>父组件</h1>

    <child-component></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent'
export default {
  name: 'App',
  data(){
    return {
      msg: '我是父组件msg'
    }
  },
  // 方法一 不能获取 this.xxx，只能传写死的
  // provide:{
  //   name:"沐华",
  // },

  // 方法二 可以获取 this.xxx
  provide(){
    return {
        name:"沐华",
        msg: this.msg, // data 中的属性
        someMethod:this.someMethod // methods 中的方法
    }
  },
  methods: {
    someMethod(){
        console.log('这是注入的方法')
    }
  },
  components:{
    ChildComponent
  }
}
</script>

<style>
</style>
